list-style-position
|
|
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1 |
|
Значення за умовчанням |
outside |
|
Наслідує |
Так |
|
Застосовується |
До тегів
<DD>, <DT>, <LI>, <OL> і <UL>, а також до усіх
елементів, у яких вказане display : list - item |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/generate.html#propdef - list - style - position |
Опис
Визначає, як
розміщуватиметься маркер відносно тексту. Є два значення: outside - маркер
винесений за кордон елементу списку і inside - маркер обтекается текстом
Синтаксис
list - style
- position: inside | outside
Значення
inside Маркер є частиною текстового блоку і відображається в
елементі списку.
Outside Текст
вирівнюється по лівому краю, а маркери розміщуються за межами текстового блоку.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows - 1251">
<title>list - style -
position</title>
<style type="text/css">
UL {
list - style - image: url('book.gif'); /*
Шлях до малюнка для установки маркера */
list - style - position: inside; /* Маркер
обтекается текстом */
}
</style>
</head>
<body>
<ul>
<li>Луцький національний </li>
<li>техніний
університет</li>
<li>Професійний заклад освіти</li>
<li>Луцький національний техніний університет
є одним із найкращих професійних закладів освіти у
місті Луцьку.
Найкращою з підготовки спеціалістів є кафедра
професійного навчання, що займається професійною підготовкою студентів.
</li> </ul>
</body>
</html>
Результат
цього прикладу показаний ні мал. 3.
Мал. 3.
Застосування властивості list - style - position
Об'єктна модель
[window.]document.getElementById("elementID").style.listStylePosition
Браузери
У браузері
Internet Explorer 6 при використанні нумерованого списку <OL> і значення
inside властивості list - style - position, числа йдуть з 10, починають
накладатися на текст списку.
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
